@charset "UTF-8";
@keyframes shadowPulse { 33% { background: #cdf2f6; box-shadow: -24px 0 #03bcd4, 24px 0 #81dde9; }
  66% { background: #cdf2f6; box-shadow: -24px 0 #81dde9, 24px 0 #03bcd4; }
  100% { background: #81dde9; box-shadow: -24px 0 #03bcd4, 24px 0 #cdf2f6; } }
@-moz-keyframes shadowPulse { 33% { background: #cdf2f6; box-shadow: -24px 0 #03bcd4, 24px 0 #81dde9; }
  66% { background: #cdf2f6; box-shadow: -24px 0 #81dde9, 24px 0 #03bcd4; }
  100% { background: #81dde9; box-shadow: -24px 0 #03bcd4, 24px 0 #cdf2f6; } }
.pro-floor-box .pro-floor { padding-bottom: 40px; padding-top: 20px; }
.pro-floor-box .pro-floor .floor-left { flex: 0 0 327px; max-width: 327px; position: relative; color: #ffffff; }
.pro-floor-box .pro-floor .floor-left .wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding-left: 40px; padding-top: 36px; }
.pro-floor-box .pro-floor .floor-left .wrap .floor-title { font-size: 32px; }
.pro-floor-box .pro-floor .floor-left .wrap .floor-desc { margin-top: 28px; line-height: 36px; }
.pro-floor-box .pro-floor .floor-content { background-color: #ffffff; flex: 1; max-width: calc(100% - 327px); /*网站产品开始*/ /*网站产品结束*/ /*营销运营开始*/ /*营销运营结束*/ /*百度产品开始*/ /*百度产品结束*/ }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item { width: 50%; height: 50%; padding: 30px; position: relative; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-name { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #202020; font-size: 18px; margin-bottom: 10px; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-desc { color: #999999; font-size: 14px; line-height: 24px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .pro-lists { height: 78px; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-top: 15px; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .pro-lists .pro-item { min-width: 88px; text-align: center; margin-bottom: 10px; flex: 0 0 25%; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .pro-lists .pro-item:not(:nth-child(3n+1)) { margin-left: 10px; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .pro-lists .pro-item a { border: 1px solid #e4e4e4; display: block; font-size: 14px; color: #666666; padding: 3px 6px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .pro-lists .pro-item:hover a { background-color: #f4f5f8; border-color: #f4f5f8; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools { position: absolute; height: 48px; line-height: 48px; text-align: center; width: 100%; left: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a { flex: 1; max-width: 50%; background-color: #dd3833; color: #ffffff; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a svg { width: 1.25em; height: 1.25em; vertical-align: text-bottom; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a svg path { fill: currentColor; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a.btn-free { background-color: #f9f9f9; color: #dd3833; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a:hover { background-color: #dd3833; color: #ffffff; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a:hover ~ .btn-ask { background-color: #f9f9f9; color: #dd3833; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:nth-child(1) { border-bottom: 1px solid #e6e7e9; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:nth-child(2) { border-left: 1px solid #e6e7e9; border-bottom: 1px solid #e6e7e9; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:nth-child(3) { border-right: 1px solid #e6e7e9; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover { box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.18); border-color: #f6f8fb !important; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover ~ .grid-item, .pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover + .grid-item { border-right-color: #f6f8fb !important; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .item-name, .pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .pro-lists, .pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .item-desc { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .pro-lists { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .item-desc { -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .item-tools { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -o-transform: translateY(-12px); transform: translateY(-12px); }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item { width: 50%; border: 1px solid #f2f4f8; height: 100%; padding: 30px 30px 0; position: relative; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .item-name { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #202020; font-size: 18px; margin-bottom: 10px; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .item-desc { color: #999999; font-size: 14px; line-height: 24px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists { margin-left: -10px; margin-top: 30px; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item { border: 1px solid #ececec; margin-left: 10px; margin-bottom: 15px; width: 207px; height: 146px; float: left; overflow: hidden; position: relative; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-icon { display: block; width: 70px; height: 70px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-icon img { width: 100%; height: 100%; object-fit: contain; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-name { font-size: 16px; color: #666666; line-height: 2; margin-bottom: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-tool { position: absolute; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; left: 0; right: 0; bottom: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-tool a { display: block; text-align: center; color: #ffffff; background-color: #dd3833; line-height: 36px; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-tool a svg { width: 1.25em; height: 1.25em; vertical-align: text-bottom; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-tool a svg path { fill: currentColor; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item:hover .item-icon { -webkit-transform: scale(0.8) translateY(-15%); -moz-transform: scale(0.8) translateY(-15%); -ms-transform: scale(0.8) translateY(-15%); -o-transform: scale(0.8) translateY(-15%); transform: scale(0.8) translateY(-15%); }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item:hover .item-name { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item:hover .item-tool { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.pro-floor-box .pro-floor .floor-content.grid-baidu .grid-item { border: 1px solid #eff0f2; flex: 0 0 25%; max-width: 25%; height: 50%; padding-left: 18px; padding-top: 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-baidu .grid-item .item-wrap .item-name { font-size: 18px; color: #202020; margin-bottom: 11px; }
.pro-floor-box .pro-floor .floor-content.grid-baidu .grid-item .item-wrap .item-desc { color: #999; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; padding-right: 26px; }
.pro-floor-box .pro-floor .floor-content.grid-baidu .grid-item .item-wrap .item-img { text-align: center; }
.pro-floor-box .pro-floor .floor-content.grid-baidu .grid-item .item-wrap .item-img > img { vertical-align: bottom; }
.pro-floor-box .pro-floor .floor-content.grid-baidu .grid-item:not(.item-more):hover { -webkit-box-shadow: 0 0 20px #d7d7d7; -moz-box-shadow: 0 0 20px #d7d7d7; box-shadow: 0 0 20px #d7d7d7; }
.pro-floor-box .pro-floor .floor-content.grid-baidu .grid-item.item-more { cursor: pointer; color: #a6a6a6; }
.pro-floor-box .pro-floor .floor-content.grid-baidu .grid-item.item-more .item-wrap { height: 194px; width: 204px; }
.pro-floor-box .pro-floor .floor-content.grid-baidu .grid-item.item-more .item-wrap .more-icon { margin-bottom: 20px; }
.pro-floor-box .pro-floor .floor-content.grid-baidu .grid-item.item-more .item-wrap .more-icon i { display: inline-block; width: 11px; height: 11px; border-radius: 50%; display: inline-block; position: relative; background: #81dde9; box-shadow: -24px 0 #03bcd4, 24px 0 #cdf2f6; margin: 0 3px; animation: shadowPulse 2s linear infinite; }
.pro-floor-box .pro-floor .floor-content.grid-baidu .grid-item.item-more:hover { color: #333333; }
.pro-floor-box .pro-floor:nth-child(even) { background-color: #fff; }

/*产品案例开始*/
.section.sec-cases { padding-bottom: 50px; }
.section.sec-cases .cases-nav { text-align: center; margin-bottom: 20px; }
.section.sec-cases .cases-nav a { display: block; width: 220px; height: 50px; text-align: center; line-height: 50px; color: #666666; font-size: 16px; background-color: #edf0f5; border-radius: 3px; margin: 0 7.5px; }
.section.sec-cases .cases-nav a svg { width: 1.5em; height: 1.5em; vertical-align: middle; }
.section.sec-cases .cases-nav a svg path { fill: CurrentColor !important; }
.section.sec-cases .cases-nav a:hover { color: #ffffff; background-color: #dd3833; }
.section.sec-cases .case-lists { margin-top: 40px; }
.section.sec-cases .case-lists .cases-item { width: 410px; height: 400px; float: left; margin-left: 35px; margin-bottom: 30px; }
.section.sec-cases .case-lists .cases-item:nth-child(3n+1) { margin-left: 0; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-img { width: 100%; height: 275px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption { border: 1px solid #f5f5f5; padding-left: 25px; padding-right: 25px; padding-top: 14px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-name { color: #333333; font-size: 16px; line-height: 28px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-brief { line-height: 20px; font-size: 12px; color: #999999; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-tool { border-top: 1px solid #ededed; padding-top: 8px; padding-bottom: 9px; line-height: 24px; width: 340px; margin-top: 20px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-tool a { color: #999999; font-size: 12px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-tool:hover a { letter-spacing: 3px; }

/*产品案例结束*/
.section.sec-news .news-tab { margin-bottom: 0; margin-top: 35px; }
.section.sec-news .news-tab .tab-head { background-color: #edf0f5; height: 70px; border-bottom: none; }
.section.sec-news .news-tab .tab-head ul { height: 100%; }
.section.sec-news .news-tab .tab-head li { flex: 0 0 25%; max-width: 25%; text-align: center; height: 100%; padding: 0; }
.section.sec-news .news-tab .tab-head li::after { position: absolute; content: ''; width: 100%; border: none; background: #fff; height: 120%; bottom: 0; top: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); }
.section.sec-news .news-tab .tab-head li .wrap { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; z-index: 2; }
.section.sec-news .news-tab .tab-head li .wrap .tab-name { color: #282828; font-size: 22px; }
.section.sec-news .news-tab .tab-head li .wrap .tab-desc { color: #999999; font-size: 16px; }
.section.sec-news .news-tab .tab-head li.layui-this .wrap { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.section.sec-news .news-tab .tab-head li.layui-this::after { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }
.section.sec-news .news-tab .tab-bd { padding: 0; background-color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.section.sec-news .news-tab .tab-bd .news-list .news-item { flex: 0 0 33.333%; max-width: 33.333%; position: relative; overflow: hidden; }
.section.sec-news .news-tab .tab-bd .news-list .news-item::before { display: block; content: ''; height: 216px; position: absolute; bottom: 0; right: 0; border-right: 1px solid #e9e9e9; z-index: 9; }
.section.sec-news .news-tab .tab-bd .news-list .news-item::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; display: block; content: ''; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #e9e9e9; z-index: 3; }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap { position: relative; z-index: 1; }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap .news-img-wrap { padding: 30px; position: absolute; z-index: 1; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap .news-inf-wrap { position: relative; padding: 30px; background: #ffffff; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap .news-inf-wrap .news-title { font-size: 18px; line-height: 42px; /*margin-top: 10px;*/ padding-top: 10px; margin-bottom: 6px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap .news-inf-wrap .news-desc { font-size: 14px; line-height: 26px; color: #999999; height: 52px; overflow: hidden; }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap .news-inf-wrap .news-time { margin-top: 40px; font-size: 16px; color: #999999; line-height: 36px; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(3n):before { display: none; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:hover { overflow: visible; z-index: 9; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:hover::after { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); }
.section.sec-news .news-tab .tab-bd .news-list .news-item:hover .news-img-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:hover .news-inf-wrap { -webkit-transform: translateY(247px); -moz-transform: translateY(247px); -ms-transform: translateY(247px); -o-transform: translateY(247px); transform: translateY(247px); }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(n+4):before { top: 0; bottom: auto; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(n+4)::after { display: none; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(n+4) .news-img-wrap { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(n+4):hover .news-img-wrap { background-color: #ffffff; -webkit-transform: translateY(-245px); -moz-transform: translateY(-245px); -ms-transform: translateY(-245px); -o-transform: translateY(-245px); transform: translateY(-245px); opacity: 1; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(n+4):hover .news-inf-wrap { z-index: 9; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }